<template>
  <div>
    <table class="table table-bordered text-center table-vertical-middle table-sm">
      <colgroup>
        <col width="7%" />
        <col width="18%" />
        <col width="7%" />
        <col width="12%" />
        <col width="18%" />
        <col width="10%" />
        <col width="10%" />
        <col width="9%" />
        <col width="9%" />
      </colgroup>
      <tbody>
        <tr>
          <td colspan="9">
            <h3 class="m-0">财政支持政策统计表</h3>
          </td>
        </tr>
        <tr>
          <td class="bg-light">填报说明</td>
          <td colspan="8" class="text-left">
            <ul class="list-unstyled">
              <li>1、各类政策扶持资金可根据各省担公司的实际情况进行归类、拆分，但不可重复计算；</li>
              <li>2、“其他财政支持政策”请在备注中详细列明；</li>
              <li>3、所有财政支持政策文件请发送电子稿附件（之前已经提交过的不必重复提交）；</li>
              <li>
                4、拨付金额为省级农担公司获得财政支持的实际到账金额，含预拨等。如预拨资金包含多个用途，请按照规定规则予以拆分填报。
              </li>
            </ul>
          </td>
        </tr>
        <tr>
          <td class="bg-light">填报人</td>
          <td colspan="2"></td>
          <td class="bg-light">联系方式</td>
          <td colspan="5"></td>
        </tr>
        <tr class="bg-light">
          <td>序号</td>
          <td>针对主体_政策类别</td>
          <td>
            <span>是否有相关政策</span>
            <div>（是/否）</div>
          </td>
          <td>政策文件名称及文号（没有可不填)</td>
          <td>具体标准</td>
          <td>2019年全年拨付金额（万元）</td>
          <td>2020年全年拨付金额（万元）</td>
          <td>121号文以来累计拨付金额（万元）</td>
          <td>备注</td>
        </tr>
        <tr v-for="(data, index) of tableData" :key="index">
          <td>{{ data.mockIndex }}</td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    visible: Boolean,
  },
  data() {
    return {
      tableData: [],
    }
  },
  computed: {},
  watch: {},
  created() {
    this.getData()
  },
  mounted() {},
  methods: {
    getData() {
      for (let i = 0; i < 10; i++) {
        this.tableData.push({
          mockIndex: i + 1,
        })
      }
    },
  },
}
</script>

<style lang="scss" scoped></style>
